<template>
    <div>
      <v-lbt></v-lbt> 
      <div class="dt">
        <h2>电台</h2>
        <v-dt></v-dt>
      </div>
      <div class="rg">
        <h2>热门歌单</h2>
        <v-rg></v-rg>
      </div>
    </div>
</template>
<script>
  import VLbt from '../layouts/lbt.vue';
  import VDt from '../layouts/dt.vue';
  import VRg from '../layouts/rg.vue'
  export default {
    name: 'recom',
    components:{
      VLbt,
      VDt,
      VRg
    }
  }
</script>
<style lang="scss" scoped>
.dt,.rg{
//      width: 100%;
  overflow: hidden;
  margin: 0 0 0 r(10px);
  h2{
    margin-top: r(14px);
    margin-bottom: r(12px);
    font-size: 0.5rem;
    font-weight: initial;
  }
}
</style>
